{% load static %}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Employee System</title>
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}" />
    <link rel="stylesheet" href="{% static 'css/element.css' %}" />
    <link rel="stylesheet" href="{% static 'css/common.css' %}" />
    <style>


    </style>
  </head>

  <body>
    <div id="app">
      <nav
      class="navbar navbar-expand-lg"
      style="background-color: #e3f2fd; height: 75px"
    >
      <div class="container">
        <a
          class="navbar-brand"
          href="#"
          style="font-family: 华文行楷; font-weight: 400; margin-left: 25px"
          >云起科技员工管理系统</a
        >
        <button
          class="navbar-toggler"
          type="button"
          data-bs-toggle="collapse"
          data-bs-target="#navbarNav"
          aria-controls="navbarNav"
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
          <ul class="navbar-nav">
            <li class="nav-item">
              <a
                class="nav-link active"
                aria-current="page"
                href="/depart/list/"
                style="
                  margin-left: 55px;
                  font-family: 华文仿宋;
                  font-weight: 600;
                  font-size: 15px;
                "
                >部门管理</a
              >
            </li>
            <li class="nav-item">
              <a
                class="nav-link"
                href="/user/list/"
                style="
                  margin-left: 35px;
                  font-family: 华文仿宋;
                  font-weight: 600;
                  font-size: 15px;
                "
                >员工管理</a
              >
            </li>
              <li class="nav-item">
              <a
                class="nav-link"
                href="/business/list/"
                style="
                  margin-left: 35px;
                  font-family: 华文仿宋;
                  font-weight: 600;
                  font-size: 15px;
                "
                >业务管理</a
              >
            </li>
            <li class="nav-item">
              <a
                class="nav-link"
                href="/chart/"
                style="
                  margin-left: 35px;
                  font-size: 15px;
                  font-family: 华文仿宋;
                  font-weight: 600;
                  font-size: 15px;
                "
                >业务报表
              </a>
            </li>
            <li class="nav-item dropdown">
              <a
                class="nav-link dropdown-toggle"
                href="#"
                role="button"
                data-bs-toggle="dropdown"
                aria-expanded="false"
                style="
                  margin-left: 465px;
                  font-family: 华文仿宋;
                  font-weight: 600;
                  font-size: 15px;
                "
                >{{ username }}
              </a>
              <ul class="dropdown-menu" style="font-family: 华文仿宋; font-size: 14px; margin-left: 465px">
                <li><a class="dropdown-item" href="#">个人资料</a></li>
                <li><a class="dropdown-item" href="#">我的信息</a></li>
                <li>
                  <hr class="dropdown-divider" />
                </li>
                <li>
                  <a class="dropdown-item" href="/logout/">退出登录</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    <div
      class="card"
      style="width: 1240px; min-height: 200px; margin: 25px auto auto; "
    >
      {% block content %} {% endblock %}
    </div>
    </div>
    <script src="{% static 'js/popper.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
    <script src="{% static 'js/vue.js' %}"></script>
    <script src="{% static 'js/element.js' %}"></script>
    <script src="{% static 'js/form.js' %}"></script>
  {% block script %}
  {% endblock %}
  </body>
</html>


